<!-- 先用ai写了个框架，内容等会补 -->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us - University of Leicester IEEE Student Branch</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <!-- Base -->
    <link rel="stylesheet" href="script/css/base/variables.css">
    <link rel="stylesheet" href="script/css/base/reset.css">
    <link rel="stylesheet" href="script/css/base/typography.css">

    <!-- Layouts -->
    <link rel="stylesheet" href="script/css/layouts/header.css">
    <link rel="stylesheet" href="script/css/layouts/footer.css">
    <link rel="stylesheet" href="script/css/layouts/sections.css">

    <!-- Components -->
    <link rel="stylesheet" href="script/css/components/nav.css">
    <link rel="stylesheet" href="script/css/components/buttons.css">
    <link rel="stylesheet" href="script/css/components/cards.css">
    <link rel="stylesheet" href="script/css/components/grid.css">

    <!-- Page-specific -->
    <link rel="stylesheet" href="script/css/pages/about.css">
</head>
<body>
    <!-- 导航栏 -->


    <!-- 主要内容区 -->
    <main class="main-content">
        <!-- 关于我们标题 -->
        <section class="about-header">
            <h1>About IEEE Student Branch</h1>
            <p>The IEEE Student Branch at University of Leicester is a vibrant community of engineering and technology enthusiasts dedicated to professional development, networking, and technological innovation.</p>
        </section>

        <!-- 关于卡片 -->
        <!-- <section class="about-cards">
            <div class="about-card">
                <div class="card-image">
                    <img src="../../res/image/about-history.jpg" alt="Our History">
                </div>
                <div class="card-content">
                    <h2>Our History</h2>
                    <p>Founded in 2024, our student branch has grown from a small group of passionate students to a thriving community of over 200 members. We've hosted numerous successful events and competitions.</p>
                    <a href="#" class="read-more">Read more <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>

            <div class="about-card">
                <div class="card-image">
                    <img src="../../res/image/about-activities.jpg" alt="Our Activities">
                </div>
                <div class="card-content">
                    <h2>Our Activities</h2>
                    <p>From technical workshops and hackathons to industry visits and networking events, we offer diverse opportunities for skill development and professional growth.</p>
                    <a href="#" class="read-more">Read more <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>

            <div class="about-card">
                <div class="card-image">
                    <img src="../../res/image/about-achievements.jpg" alt="Our Achievements">
                </div>
                <div class="card-content">
                    <h2>Our Achievements</h2>
                    <p>Recognized as the "Best New Student Branch 2024" and winners of multiple regional competitions, our members consistently demonstrate excellence in engineering and technology.</p>
                    <a href="#" class="read-more">Read more <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>
        </section> -->

        <!-- 我们的使命 -->
        <section class="our-mission">
            <div class="mission-pattern"></div>
            <div class="mission-content">
                <h2>Our Mission</h2>
                <p>To foster an inclusive community where students can explore the frontiers of technology, develop professional skills, and build meaningful connections that will shape their future careers in engineering and related fields.</p>
                <p>We believe in the power of collaboration, innovation, and continuous learning to solve real-world problems and make a positive impact on society.</p>
            </div>
        </section>

        <!-- 我们的团队 -->
        <section class="team-section">
            <div class="section-title">
                <h2>Meet Our Team</h2>
                <p>Dedicated students leading the IEEE Student Branch at University of Leicester</p>
            </div>

            <div class="team-grid">
                <div class="team-member">
                    <div class="member-photo">
                        <img src="res/image/team/1.png" alt="President">
                    </div>
                    <div class="member-info">
                        <h3>Yao Chen</h3>
                        <p class="position">Chair</p>
                        <p class="bio">Engineering Student with a Minor in Economics<br>Chair of IEEE Student Branch, University of Leicester<br>Expertise: Kinematic design and analysis of mechanical systems<br>Research Experience: Participated in SiC MOSFETs-related projects</p>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="mailto:cy118@student.le.ac.uk"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-member">
                    <div class="member-photo">
                        <img src="res/image/team/2.png" alt="Vice President">
                    </div>
                    <div class="member-info">
                        <h3>Yiduo WANG</h3>
                        <p class="position">IEEE Student Branch Chapter Chair</p>
                        <p class="bio">Looking forward to exploring the wonderful and magical world of power electronics together with you!</p>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="mailto:yw542@student.le.ac.uk"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-member">
                    <div class="member-photo">
                        <img src="res/image/team/3.png" alt="Technical Lead">
                    </div>
                    <div class="member-info">
                        <h3>PU Sida</h3>
                        <p class="position">Secretary & Apollo University Contest region principal</p>
                        <p class="bio">Contact email: sp846@student.le.ac.uk OR 1205758856@qq.com</p>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="mailto:sp846@student.le.ac.uk"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-member">
                    <div class="member-photo">
                        <img src="res/image/team/4.png" alt="Events Coordinator">
                    </div>
                    <div class="member-info">
                        <h3>Liu Xiang</h3>
                        <p class="position">Vice President</p>
                        <p class="bio">From the Engineering major. I do researching electrical control knowledge and PCB layout. Please feel free to contact me at my email address 1909105679@qq.com</p>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="mailto:1909105679@qq.com"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-member">
                    <div class="member-photo">
                        <img src="res/image/team/5.png" alt="Events Coordinator">
                    </div>
                    <div class="member-info">
                        <h3>Yue HAN</h3>
                        <p class="position">Financial Officer</p>
                        <p class="bio">I am looking forward to seeing you all create outstanding electronic design works with the help of reasonable financial planning! If you think any part needs adjustment, please feel free to offer your criticism and corrections at any time.</p>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="mailto:13190349556@163.com"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-member">
                    <div class="member-photo">
                        <img src="res/image/team/6.png" alt="Events Coordinator">
                    </div>
                    <div class="member-info">
                        <h3>Fengyuan LIU</h3>
                        <p class="position">PR Director</p>
                        <p class="bio">We look forward to meeting every electronics enthusiast on the competition floor. Let's create more possibilities together, using technology to spread warmth and ideas to change the world!</p>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="#"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>

                <div class="team-member">
                    <div class="member-photo">
                        <img src="res/image/team/7.png" alt="Events Coordinator">
                    </div>
                    <div class="member-info">
                        <h3>Qianrui Liu</h3>
                        <p class="position">Student Branch Vice Chair</p>
                        <p class="bio">We’re excited to join hands with you in exploring the fascinating world of power electronics—let’s spark ideas, solve challenges, and power the future together!
                        </br>ql156@leicester.ac.uk</p>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="#"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->


    <script src="script/js/template-loader.js"></script>
</body>
</html>